
*{
    box-sizing: border-box;
}
.nav-box{
    width: 100%;
    height: 42px;
    background: #28292b;
}
body>div{
    width: 100%;   
}
body>div>div{
    width: 1220px;
    display: flex;
    margin: 0 auto;
}
.page-box{
    background: #f7f7f7;
}
.page-nav{
    font-size: 12px;
    line-height: 38px;
    justify-content: space-between;
}
.page-nav ul{
    width: 344px;
    display: flex;
    justify-content: space-between;
}
.page-nav ul a{
    color: #7b7b7b;
    position: sticky;
    top: 0;
}
.detail-box{
    padding-top: 50px;
    
}
.detail{
    flex-direction: column;
}
.detail-image::after{
    content: "";
    width:0;
    height:0;
    overflow: hidden;
    clear: both;
    display: block;
}
.image1{width:527px;
    height:527px;
    float: left;
    position: relative;
}
.image1 img{width:527px;
    height:527px;
}
.image1 span{
    background: rgba(255,255,255,0.7);display: block;
    position: absolute;
    left: 0;
    top:0;
    display: none
}
.image2{
    width:200px;
    height:300px;
    float: left;
    margin-left: 100px;
    display: none;
    overflow: hidden;
    position: relative;
}
.image2 img{
    width:600px;
    height:600px;
    position: absolute;
    left:0;
    top:0;
}
.detail-bottom{
    display: flex;
    flex-direction: column;
}
.detail-bottom h2{
    font-size: 30px;
    color: #000000;
    font-weight: 800;
}
.detail-bottom>span{
    font-size: 12px;
    color: #999999;
    margin-top: 28px;
    padding-bottom: 38px;
    border-bottom: 1px solid #e8e8e8;
}
.detail-bottom>div{
    border-bottom: 1px solid #e8e8e8;
    display: flex;
    /* align-items: center; */
    padding: 32px 0;
}
.detail-bottom>div>h3{
    /* font-size: 12px; */
    /* height: 52px; */
    line-height: 52px;
    color: #666666;
    font-size: 12px;
    margin-right: 30px;
}
.detail-bottom>div>div{
    display: flex;
}
.detail-bottom>div>div>p{
    font-size: 18px;
    height: 52px;
    line-height: 52px;
    padding: 0 14px;
    margin-right: 10px;
    border: 1px solid #e5e5e5;
}
.capacity .capacityr>p{
    color: #bfbfbf;
    border-style: dashed;
} 
.explain p{
    color: #999999;
    font-size: 12px;
    line-height: 52px;
}
.repair .repair-right{
    width: 900px;
    display: flex;
    flex-direction: column;
}
.repair-right>div{
    margin-bottom: 20px;
    border: 1px solid #e5e5e5;
    display: flex;
    flex-direction: column;
}
.repair-right>div>div{
    display: flex;
}
.repair-right>div>div>p{
    width: 740px;
    padding-left: 20px;
}
.repair-right>div>div>span{
    padding-right: 20px;
    color: #d44d49;
}
.repair-right>div>div:nth-child(1){
    margin: 15px 0;
    font-size: 18px;
}
.repair-right>div>div:nth-child(2){
    padding-bottom: 12px;
    font-size: 12px;
}
.repair-right>div>div:nth-child(1)>p{
    color: #333333;
}
.repair-right>div>div:nth-child(2)>p{
    color: #999999;
}
.repair-right .three{
    font-size: 12px;
    line-height: 42px;
    display: flex;
    flex-direction: row;
    padding: 10px 0;
}
.repair-right .three h4{
    margin: 16px;
    margin-top: 0;
    font-size: 12px;
}
.repair-right .three span{
    width: 780px;
}
.count-box{
    position: sticky;
    bottom: 0;
    background: #fafafa;
    border: 1px solid #e3e3e3;
}
.count{
    padding: 12px 0;
}
.count>p{
    width: 80px;
    font-size: 12px;
    color: #333333;
    margin-right: 20px;
}
.count .tw{
    width: 880px;
    font-size: 12px;
    line-height: 20px;
}
.count .tw>div:nth-child(1) span{
    font-weight: 800;
    margin-right: 20px;
}
.count .tw>div:nth-child(1) span:nth-child(2){
    color: #d44d49;
}
.count .tw>div:nth-child(2) span{
    color: #9d9d9d;
}
.count .tw>div:nth-child(2) span:nth-child(1){
    border-right: 1px solid #9d9d9d;
    padding-right: 4px;
    margin-right: 4px;
}
.count .thr span{
    font-size: 16px;
    color: #d44d49;
    margin-right: 30px;
}
.count .thr input{
    width: 120px;
    height: 40px;
    background: #ffd22f;
    color: #ffffff;
    font-size: 12px;
    font-weight: 800;
    line-height: 40px;
    align-items: center;
    border: none;
    border-radius: 10px;
}












































